{include file="$header" /}
<div class="mk-page-main">
    <div class="mk-layout">
        <section class="mk-contact">
            <div class="mk-layout">
                <header class="index-title-bar">
                    <h2 class="index-title"><a href="{$catalog.url}">{$catalog.title}</a></h2>
                </header>
                <div class="entry">
                    <div class="address-warp" style="background-position: center 140.5px;background-image: url({$theme.contact_bg});">
                        <h1 class="address-text">{$basics.address}</h1>
                    </div>
                </div>
                <el-row :gutter="30" class="content">
                    <el-col :xs="12" :sm="6">
                        <el-button type="info" icon="el-icon-house" circle></el-button>
                        <div class="title">{{lang("address")}}</div>
                        <div class="detail">{$basics.address}</div>
                    </el-col>
                    <el-col :xs="12" :sm="6">
                        <el-button type="info" icon="el-icon-message" circle></el-button>
                        <div class="title">{{lang("email")}}</div>
                        <div class="detail">{$basics.email}</div>
                    </el-col>
                    <el-col :xs="12" :sm="6">
                        <el-button type="info" icon="el-icon-phone-outline" circle></el-button>
                        <div class="title">{{lang("phone")}}</div>
                        <div class="detail">{$basics.telephone}</div>
                    </el-col>
                    <el-col :xs="12" :sm="6">
                        <el-button type="info" icon="el-icon-stopwatch" circle></el-button>
                        <div class="title">{{lang("hours")}}</div>
                        <div class="detail">{$basics.business_hours}</div>
                    </el-col>
                </el-row>
                <mk-form :id="6"></mk-form>
            </div>
        </section>
    </div>
</div>
{include file="$component" /}
<script type="text/javascript">
    new Vue({
        el: '#app',
        data() {
            return {}
        },
    });
</script>
{include file="$footer" /}